<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>商城</title>
    <meta
      content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"
      name="viewport"
    />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <link href="css/style.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
    <section class="user-center">
      <div class="header-user">
        <!-- <a href="javascript:;" class="user-msg">
          <i class="icon icon-new user-msg-icon"></i>
        </a> -->
        <div class="user-img">
          <div class="user-info-wrap">
            <img src="images/banner.png" alt="" class="head-img" />
            <div class="user-img-text">
              <span class="userinfo-title"
                >236致谢<span class="user-step">游客</span></span
              >
              <span class="userinfo-value">手机号：575767657</span>
              <span class="userinfo-value">会员编号：2312312323</span>
            </div>
          </div>
          <div class="user-info-scan">
            <img src="images/sacn.svg" alt="" class="scan-img" />
            <span class="user-info-scan-text">我的二维码</span>
          </div>
        </div>
      </div>
      <div class="menu-list-wrap">
        <div class="my-order-head">
          <span class="my-order-head-title">我的订单</span>
          <div class="order-text-more">
            <span class="my-order-head-value">全部订单</span>
            <img src="images/right.png" alt="" class="more-icon" />
          </div>
        </div>
        <div class="order-menu">
          <ul>
            <li>
              <a>
                <img src="images/order01.svg" alt="" class="order-list-img" />
                <span class="order-menu-text">未支付</span>
              </a>
            </li>
            <li>
              <a>
                <img src="images/order02.svg" alt="" class="order-list-img" />
                <span class="order-menu-text">已支付</span>
              </a>
            </li>
            <li>
              <a>
                <img src="images/order03.svg" alt="" class="order-list-img" />
                <span class="order-menu-text">待确认</span>
              </a>
            </li>
            <li>
              <a>
                <img src="images/order04.svg" alt="" class="order-list-img" />
                <span class="order-menu-text">退款/售后</span>
              </a>
            </li>
          </ul>
        </div>
      </div>
      <div class="menu-all-wrap">
        <div class="menuHead">
          <span class="menuHead-title">基础菜单</span>
        </div>
        <div class="order-menu">
          <ul>
            <li>
              <a>
                <img src="images/basic01.svg" alt="" class="order-list-img" />
                <span class="order-menu-text">收货地址</span>
              </a>
            </li>
            <li>
              <a>
                <img src="images/basic02.svg" alt="" class="order-list-img" />
                <span class="order-menu-text">我的钱包</span>
              </a>
            </li>
            <li>
              <a>
                <img src="images/sssh.svg" alt="" class="order-list-img" />
                <span class="order-menu-text">实时业绩</span>
              </a>
            </li>
            <li>
              <a>
                <img src="images/basic04.svg" alt="" class="order-list-img" />
                <span class="order-menu-text">我的通讯录</span>
              </a>
            </li>
          </ul>
        </div>
        <div class="order-menu">
          <ul>
            <li>
              <a>
                <img src="images/addMoney.svg" alt="" class="order-list-img" />
                <span class="order-menu-text">充值</span>
              </a>
            </li>
            <li>
              <a>
                <img src="images/outMoney.svg" alt="" class="order-list-img" />
                <span class="order-menu-text">提现</span>
              </a>
            </li>
            <li>
              <a>
                <img src="images/basic07.svg" alt="" class="order-list-img" />
                <span class="order-menu-text">我的银行卡</span>
              </a>
            </li>
            <li>
              <a>
                <img src="images/basic05.svg" alt="" class="order-list-img" />
                <span class="order-menu-text">设置</span>
              </a>
            </li>
          </ul>
        </div>
      </div>

      <div class="menu-all-wrap">
        <div class="menuHead">
          <span class="menuHead-title">安全设置</span>
        </div>
        <div class="order-menu">
          <ul>
            <li>
              <a>
                <img src="images/xgmm.svg" alt="" class="order-list-img" />
                <span class="order-menu-text">修改密码</span>
              </a>
            </li>
            <li>
              <a>
                <img src="images/xgzfmm.svg" alt="" class="order-list-img" />
                <span class="order-menu-text">修改支付密码</span>
              </a>
            </li>
            <li>
              <!-- <a>
                <img src="images/basic03.svg" alt="" class="order-list-img" />
                <span class="order-menu-text">实时业绩</span>
              </a> -->
            </li>
            <li>
              <!-- <a>
                <img src="images/basic04.svg" alt="" class="order-list-img" />
                <span class="order-menu-text">我的通讯录</span>
              </a> -->
            </li>
          </ul>
        </div>
      </div>
    </section>
  </body>

  <script type="text/javascript" src="js/jquery.min.js"></script>
  <!-- <script type="text/javascript" src="js/slider.js"></script> -->
  <script type="text/javascript">
    // function b() {
    //   t = parseInt(x.css("top"));
    //   y.css("top", "20px");
    //   x.animate(
    //     {
    //       top: t - 20 + "px"
    //     },
    //     "slow"
    //   );
    //   if (Math.abs(t) == h - 20) {
    //     y.animate(
    //       {
    //         top: "0px"
    //       },
    //       "slow"
    //     );
    //     z = x;
    //     x = y;
    //     y = z;
    //   }
    //   setTimeout(b, 3000);
    // }
    // $(document).ready(function() {
    //   $(".swap").html($(".news_li").html());
    //   x = $(".news_li");
    //   y = $(".swap");
    //   h = $(".news_li li").length * 20;
    //   setTimeout(b, 3000);
    // });
  </script>
</html>
